<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>购物流程2-1</title>
    <meta name="viewport" content="width=1000"/>
    <link rel="stylesheet" type="text/css" href="../../css/moban.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/common.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common/xm.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/gou_wlc.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/layer.css"/>
</head>

<body>
<div class="wrap">
    <!------------导航栏------------------>
    <div class="cus_lead clearfix">
        <div class="logo fl">
            <img src="../../images/moban/logo_red.png" />
        </div>
        <div class="lead_mid fl">
            <ul class="fl">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <a href="">骑行</a>
                    <div class="sub_nav">
                        <div class="sub_nav_con">
                            <h4>普及版</h4>
                            <ul>
                                <li>
                                    <a href="exports/list_goods.html">短袖</a>
                                </li>
                                <li>
                                    <a href="">短裤</a>
                                </li>
                                <li>
                                    <a href="">长袖</a>
                                </li>
                                <li>
                                    <a href="">长裤 </a>
                                </li>
                                <li>
                                    <a href="">背带短裤</a>
                                </li>
                                <li>
                                    <a href="">背带长裤</a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">短袖连体服</a>
                                </li>
                                <li>
                                    <a href="">长袖连体服</a>
                                </li>
                                <li>
                                    <a href="">儿童短袖套装 </a>
                                </li>
                                <li>
                                    <a href="">儿童长袖套装</a>
                                </li>
                            </ul>
                        </div>
                        <div class="sub_nav_con">
                            <h4>专业版</h4>
                            <ul>
                                <li>
                                    <a href="">短袖上衣</a>
                                </li>
                                <li>
                                    <a href="">长袖上衣 </a>
                                </li>
                                <li>
                                    <a href="">短裤</a>
                                </li>
                                <li>
                                    <a href="">长裤</a>
                                </li>
                                <li>
                                    <a href="">背带短裤</a>
                                </li>
                                <li>
                                    <a href="">背带七分裤</a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="">背带长裤</a>
                                </li>
                                <li>
                                    <a href="">短袖连体服</a>
                                </li>
                                <li>
                                    <a href="">长袖连体服</a>
                                </li>
                            </ul>
                        </div>
                        <div class="sub_nav_con">
                            <h4><a href="">配件</a></h4>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">铁三</a>
                    <div class="sub_nav">
                        <div class="sub_nav_con">
                            <h4>普及版</h4>
                            <ul>
                                <li>
                                    <a href="">无袖短裤套装</a>
                                </li>
                                <li>
                                    <a href="">短袖短裤套装</a>
                                </li>
                                <li>
                                    <a href="">长袖短裤套装</a>
                                </li>
                            </ul>
                        </div>
                        <div class="sub_nav_con">
                            <h4>专业版</h4>
                            <ul>
                                <li>
                                    <a href="">无袖短裤套装</a>
                                </li>
                                <li>
                                    <a href="">短袖短裤套装</a>
                                </li>
                                <li>
                                    <a href="">长袖短裤套装</a>
                                </li>
                            </ul>
                        </div>
                        <div class="sub_nav_con">
                            <h4><a href="">配件</a></h4>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">跑步</a>
                    <div class="sub_nav">
                        <div class="sub_nav_con">
                            <ul>
                                <li>
                                    <a href="">POLO衫</a>
                                </li>
                                <li>
                                    <a href="">短袖T恤</a>
                                </li>
                                <li>
                                    <a href="">短裤</a>
                                </li>
                                <li>
                                    <a href="">跑步背心 </a>
                                </li>
                                <li>
                                    <a href="">长袖上衣</a>
                                </li>
                                <li>
                                    <a href="">运动文胸 </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="">休闲</a>
                    <div class="sub_nav">
                        <div class="sub_nav_con">
                            <ul>
                                <li>
                                    <a href="">POLO衫</a>
                                </li>
                                <li>
                                    <a href="">T恤</a>
                                </li>
                                <li>
                                    <a href="">短裤</a>
                                </li>
                                <li>
                                    <a href="">帽衫 </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="exports/openshop.html">设计师入驻</a>
                </li>
                <li>
                    <a href="">品牌专区</a>
                </li>
            </ul>
            <div class="search fr">
                <input type="text" />
                <i class="iconfont icon-search"></i>
            </div>
        </div>
        <div class="lead_right fr">
            <ul class="fl">
                <li>
                    <a href="../exports/gou_wlc.html"><i class="iconfont icon-shopping"></i></a>
                    <div class="shopping_cart">
                        <p>最新加入商品</p>
                        <ul>
                            <li>
                                <a href=""><img src="../../images/exports/custom_details/shop_icon_1.jpg" /></a>
                                <p>
                                    <a href="">Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</a>
                                </p>
                                <span>￥<em data-type="price">299.00</em> x<em data-type="num">2</em></span>
                                <small>( 男 x<em>1</em> / 女 x<em>1</em> )</small>
                                <input type="button" href="" data-role="del" value="删除" />
                            </li>
                            <li>
                                <a href=""><img src="../../images/exports/custom_details/shop_icon_1.jpg" /></a>
                                <p>
                                    <a href="">Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</a>
                                </p>
                                <span>￥<em data-type="price">299.00</em> x<em data-type="num">2</em></span>
                                <small>( 男 x<em>1</em> / 女 x<em>1</em> )</small>
                                <input type="button" href="" data-role="del" value="删除" />
                            </li>
                            <li>
                                <a href=""><img src="../../images/exports/custom_details/shop_icon_1.jpg" /></a>
                                <p>
                                    <a href="">Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</a>
                                </p>
                                <span>￥<em data-type="price">299.00</em> x<em data-type="num">2</em></span>
                                <small>( 男 x<em>1</em> / 女 x<em>1</em> )</small>
                                <input type="button" href="" data-role="del" value="删除" />
                            </li>
                            <li>
                                <a href=""><img src="../../images/exports/custom_details/shop_icon_1.jpg" /></a>
                                <p>
                                    <a href="">Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</a>
                                </p>
                                <span>￥<em data-type="price">299.00</em> x<em data-type="num">19998</em></span>
                                <small>( 男 x<em>9999</em> / 女 x<em>9999</em> )</small>
                                <input type="button" href="" data-role="del" value="删除" />
                            </li>
                            <li>
                                <a href=""><img src="../../images/exports/custom_details/shop_icon_1.jpg" /></a>
                                <p>
                                    <a href="">Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</a>
                                </p>
                                <span>￥<em data-type="price">299.00</em> x<em data-type="num">19998</em></span>
                                <small>( 男 x<em>9999</em> / 女 x<em>9999</em> )</small>
                                <input type="button" href="" data-role="del" value="删除" />
                            </li>
                        </ul>
                        <div>
                            <span>共<em data-count="num">999999</em>件商品</span>
                            <span>共计</span>
                            <small>￥<em data-count="money">2999999.00</em></small>
                            <a class="input_btn_shi btn_32" href="">去购物车</a>
                        </div>
                    </div>
                </li>
                <li>
                    <i class="iconfont icon-yonghu"></i>
                    <!--<ul>
                        <li><a href="../exports/login.html">请登录</a></li>
                    </ul>-->
                    <dl class="user_menu">
                        <dd>
                            <a href="../my_order/wodedingdan.html">我的订单</a>
                        </dd>
                        <dd>
                            <a href="../personal_data/ji_bxx.html">个人设置</a>
                        </dd>
                        <dd>
                            <a href="">退出</a>
                        </dd>
                    </dl>
                </li>
                <!--<li><span>400-6563-116</span></li>-->
                <li>
                    <a href="" class="change"><b>CH</b></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="gou_wlc_top">
        <div class="choice_c1_con_top_con">
            <img src="../../images/gou_wuche_03.jpg"/>
            <img src="../../images/personal_data/order/order1.png"/>
            <img src="../../images/gou_wuche02_03.png"/>
            <div class="choice_c1_d1 choice_c1_red">
                <ul>
                    <li>01</li>
                    <li>我的购物车</li>
                </ul>
            </div>
            <div class="choice_c1_d2 choice_c1_red">
                <ul>
                    <li>02</li>
                    <li>填写核对订单</li>
                </ul>
            </div>
            <div class="choice_c1_d3">
                <ul>
                    <li>03</li>
                    <li>成功提交订单</li>
                </ul>
            </div>
            <div class="choice_c1_d1_t">
                <span>2016-10-09</span><br/>
                <span>19:10:00</span>
            </div>
            <div class="choice_c1_d2_t">
                <span>2016-10-09</span><br/>
                <span>19:10:00</span>
            </div>
        </div>
    </div>

    <h2 class="zhanghbd_title"><a class="red_kuai"></a>选择收货地址</h2>
    <div class="gwlc4 gwlc5 shouhuodizhi">
        <!--地址-->
        <div class="address">
            <a class="active">默认地址</a>
            <p class="shengshi"><em>广东</em><em>广州</em>（<em>小明</em> 收）</p>
            <p class="dizhi"><em>海珠</em><em>琶洲</em><em>中州交易中心19楼c10</em><em>86441638</em></p>
            <span>修改</span><span class="shanchu">删除</span>
        </div>
        <div class="address">
            <a>设为默认</a>
            <p class="shengshi"><em>广东</em><em>广州</em>（<em>小明</em> 收）</p>
            <p class="dizhi"><em>海珠</em><em>琶洲</em><em>中州交易中心19楼c10</em><em>86441638</em></p>
            <span>修改</span><span class="shanchu">删除</span>
        </div>
        <div class="address">
            <a>设为默认</a>
            <p class="shengshi"><em>广东</em><em>广州</em>（<em>小明</em> 收）</p>
            <p class="dizhi"><em>海珠</em><em>琶洲</em><em>中州交易中心19楼c10</em><em>86441638</em></p>
            <span>修改</span><span class="shanchu">删除</span>
        </div>
        <div class="address">
            <a>设为默认</a>
            <p class="shengshi"><em>广东</em><em>广州</em>（<em>小明</em> 收）</p>
            <p class="dizhi"><em>海珠</em><em>琶洲</em><em>中州交易中心19楼c10</em><em>86441638</em></p>
            <span>修改</span><span class="shanchu">删除</span>
        </div>
        <div class="address">
            <a>设为默认</a>
            <p class="shengshi"><em>广东</em><em>广州</em>（<em>小明</em> 收）</p>
            <p class="dizhi"><em>海珠</em><em>琶洲</em><em>中州交易中心19楼c10</em><em>86441638</em></p>
            <span>修改</span><span class="shanchu">删除</span>
        </div>
        <div class="address">
            <a>设为默认</a>
            <p class="shengshi"><em>广东</em><em>广州</em>（<em>小明</em> 收）</p>
            <p class="dizhi"><em>海珠</em><em>琶洲</em><em>中州交易中心19楼c10</em><em>86441638</em></p>
            <span>修改</span><span class="shanchu">删除</span>
        </div>
        <button class="input_btn_kong btn_128_gray xianshishouhuodizhi">显示全部收货地址</button>
        <button class="input_btn_kong btn_128_gray xinzhengdizhi">新增地址</button>
        <div class="clear"></div>
    </div>


    <h2 class="zhanghbd_title"><a class="red_kuai"></a>收货人信息</h2>
    <div class="gwlc4">
        <span class="fl suozaidiqu"><sub>*</sub>所在地区:</span>

        <div class="select first clearfix">
            <div class="xm_select">
                <input type="text" placeholder="请选择省份" readonly/>
                <a class="iconfont icon-xialajiantou"></a>
            </div>
            <div class="xm_show">
                <ul id="pro">

                </ul>
            </div>
        </div>
        <div class="select clearfix">
            <div class="xm_select">
                <input type="text" placeholder="请选择城市" readonly id="xuanzechengshi"/>
                <a class="iconfont icon-xialajiantou"></a>
            </div>
            <div class="xm_show">
                <ul id="city">
                </ul>
            </div>
        </div>
        <div class="select clearfix">
            <div class="xm_select">
                <input type="text" placeholder="选择区" readonly id="xuanzediqu"/>
                <a class="iconfont icon-xialajiantou"></a>
            </div>
            <div class="xm_show">
                <ul id="direct">

                </ul>
            </div>
        </div>


        <div class="clear"></div>
        <span class="xiangxixinxi"><sub>*</sub>详细地址:</span><textarea data-leiming="textarea" rows="" maxlength="100" placeholder="请填写详细地址"></textarea><span
            class="baifenbai"><a>0</a>/100</span>
        <p class="tishi">建议您如实填写详细收货地址,例如街道名称，门牌号码，楼层和房间号等信息</p>
        <span class="youbian">邮编地址:</span><input type="text" class="input_text text_138" id="youbiandizhi"
                                                 maxlength="6"/><span class="youdiquhao">如您不清楚邮递区号，请填写000000</span><br/>
        <span class="shouhuo"><sub>*</sub>收货人姓名:</span><input type="text" class="input_text text_138"/><br/>
        <span class="fl shoujihaoma">手机号码:</span>
        <div class="select clearfix first">
            <div class="xm_select">
                <input type="text" value="中国大陆+86" readonly/>
                <a class="iconfont icon-xialajiantou"></a>
            </div>
            <div class="xm_show">
                <ul>
                    <li>中国大陆+86</li>
                    <li>香港</li>
                    <li>台湾</li>
                    <li>澳门</li>
                </ul>
            </div>
        </div>
        <input type="text" class="input_text text_223"/>
        <div class="clear"></div>
        <span class="fl dianhuahaoma">电话号码:</span>
        <div class="select clearfix first">
            <div class="xm_select">
                <input type="text" value="中国大陆+86" readonly/>
                <a class="iconfont icon-xialajiantou"></a>
            </div>
            <div class="xm_show">
                <ul>
                    <li>中国大陆+86</li>
                    <li>香港</li>
                    <li>台湾</li>
                    <li>澳门</li>
                </ul>
            </div>
        </div>
        <input type="text" class="input_text text_80" placeholder="区号" maxlength="6"/>
        <a>-</a><input type="text" class="input_text text_120" placeholder="电话号码" maxlength="10"/>
        <a>-</a><input type="text" class="input_text text_80" placeholder="分机" maxlength="6"/>
        <p class="yizhi">手机号码和电话号码必须填一项</p>

        <button class="input_btn_shi btn_184" id="baocun">保存收货人信息</button>
        <label for="dizhi"><input type="checkbox" id="dizhi" class="shouhuoright"/><span class="changyong">添加常用地址</span></label>
    </div>


    <h2 class="zhanghbd_title"><a class="red_kuai"></a>支付方式及配送</h2>
    <div class="gwlc4 gwlc5">
        <div class="left fl">
            <p>支付方式:</p>
            <p>配送方式:</p>
            <p>运费:</p>
            <p>送货日期:</p>
        </div>
        <div class="right fl">
            <p>在线支付</p>
            <p>普通快递</p>
            <p>0元</p>
            <p class="daoshu">工作日／双休日与假日均可送货</p>
            <p class="lastchild">正常情况 商品生产至配送到您手中预计一周左右时间，支持送货上门</p>
        </div>
    </div>
    <h2 class="zhanghbd_title"><a class="red_kuai"></a>发票信息</h2>
    <div class="gwlc4 gwlc6">
        <div class="left fl">
            <p>订单发票&nbsp;:&nbsp;</p>
        </div>
        <div class="right fl">
            <p>无发票</p>
        </div>
    </div>
    <h2 class="zhanghbd_title"><a class="red_kuai"></a>商品清单</h2>
    <div class="gwlc4 gwlc7">
        <div class="content_content">
            <table class="table table-striped liucheng2">
                <thead>
                <th>商品</th>
                <th>名称</th>
                <th>单价</th>
                <th>数量</th>
                <th>金额</th>
                </thead>
                <tbody>
                <tr>
                    <td><img src="../../images/only_return/only_return_cloth.jpg"/></td>
                    <td><a href="" class="detail">Santic森地客
                        春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含一件样衣)</a>
                        <span>男:<em data-count="male">11</em></span>
	                	<span>女:<em data-count="female">11</em></span>
	                	<span>总:<em data-count="all">22</em></span>
                    </td>
                    <td><span>￥<em>10.00</em></span></td>
                    <td>
                        <div>
                            <span>男</span>
                            <span>S</span>
                            <span><em>11</em>件</span>
                        </div>
                        <div>
                            <span>男</span>
                            <span>L</span>
                            <span><em>11</em>件</span>
                        </div>
                        <div>
                            <span>女</span>
                            <span>M</span>
                            <span><em>5</em>件</span>
                        </div>
                    </td>
                    <td><span>￥<em>85.00</em></span></td>
                </tr>
                <tr>
                    <td><img src="../../images/only_return/only_return_cloth.jpg"/></td>
                    <td><a href="" class="detail">Santic森地客
                        春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含一件样衣)</a>
                        <span>男:<em data-count="male">11</em></span>
	                	<span>女:<em data-count="female">11</em></span>
	                	<span>总:<em data-count="all">22</em></span>
                    </td>
                    <td><span>￥<em>10.00</em></span></td>
                    <td>
                        <div>
                            <span>男</span>
                            <span>S</span>
                            <span><em>11</em>件</span>
                        </div>
                        <div>
                            <span>男</span>
                            <span>L</span>
                            <span><em>11</em>件</span>
                        </div>
                        <div>
                            <span>女</span>
                            <span>M</span>
                            <span><em>5</em>件</span>
                        </div>
                    </td>
                    <td><span>￥<em>85.00</em></span></td>
                </tr>
                <tr>
                    <td><img src="../../images/only_return/only_return_cloth.jpg"/></td>
                    <td><a href="" class="detail">Santic森地客
                        春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含一件样衣)</a>
                        <span>男:<em data-count="male">11</em></span>
	                	<span>女:<em data-count="female">11</em></span>
	                	<span>总:<em data-count="all">22</em></span>
                    </td>
                    <td><span>￥<em>10.00</em></span></td>
                    <td>
                        <div>
                            <span>男</span>
                            <span>S</span>
                            <span><em>11</em>件</span>
                        </div>
                        <div>
                            <span>男</span>
                            <span>L</span>
                            <span><em>11</em>件</span>
                        </div>
                        <div>
                            <span>女</span>
                            <span>M</span>
                            <span><em>5</em>件</span>
                        </div>
                    </td>
                    <td><span>￥<em>85.00</em></span></td>
                </tr>
                <tr>
                    <td><img src="../../images/only_return/only_return_cloth.jpg"/></td>
                    <td><a href="" class="detail">Santic森地客
                        春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含一件样衣)</a>
                        <span>男:<em data-count="male">11</em></span>
	                	<span>女:<em data-count="female">11</em></span>
	                	<span>总:<em data-count="all">22</em></span>
                    </td>
                    <td><span>￥<em>10.00</em></span></td>
                    <td>
                        <div>
                            <span>男</span>
                            <span>S</span>
                            <span><em>11</em>件</span>
                        </div>
                        <div>
                            <span>男</span>
                            <span>L</span>
                            <span><em>11</em>件</span>
                        </div>
                        <div>
                            <span>女</span>
                            <span>M</span>
                            <span><em>5</em>件</span>
                        </div>
                    </td>
                    <td><span>￥<em>85.00</em></span></td>
                </tr>



                </tbody>
            </table>


            <p class="clearfix"><span
                    class="fr spzongji ">2件商品总计:<b>￥99.00</b></span></p>
            <p class="clearfix">
                <span class="fl shanchu">
                    <em class="fl">客户备注 :</em>
                    <input type="text" class="beizhu"/>
                    <textarea data-leiming2="wenbenkuang" placeholder="请少于100个字" maxlength="100" autofocus></textarea>
                    <a><em class="wenbenkuangzishu">100</em>字</a>
                </span>
                <span class="fr youhui ">优惠:<b>￥0.00</b></span>
                <div class="clear"></div>
            </p>
            <div class="zongji clearfix">
                <span class="fr">总计(不含运费):<b>￥146.00</b></span>
            </div>
            <p class="clearfix qujiesuan"><a href="gou_wlc03.html">
                <button class="input_btn_shi btn_175 fr">去结算</button>
            </a></p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="cus_bottom_top">
        <ul>
            <li><img src="../../images/xiabiao1_03.png"/></li>
            <li><span>100%个性定制</span></li>
            <li><img src="../../images/jihao2_03.png"/></li>
            <li><span>100%正品保证</span></li>
            <li><img src="../../images/jiahao3_03.png"/></li>
            <li><span>7天内发货</span></li>
            <!--<li><img src="../../images/jiahao4_03.png"/></li>
            <li><span>30天无忧退换</span></li>-->
            <li><img src="../../images/jiahao5_03.png"/></li>
            <li><span>365天客服热线</span></li>
        </ul>
    </div>
    <div class="cus_bottom">
        <div class="cus_bot_con">
            <div class="cus_bot_con_left fl">
                <img src="../../images/moban/logo_white.png" />
            </div>
            <div class="cus_bot_con_right fl">
                <div class="cus_bot_con_right_con clearfix">
                    <dl>
                        <dt>新手指南</dt>
                        <dd>
                            <a href="">用户注册</a>
                        </dd>
                        <dd>
                            <a href="">定制流程</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>支付方式</dt>
                        <dd>
                            <a href="">在线支付</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>
                        <dd>
                            <a href="">配送说明</a>
                        </dd>
                        <dd>
                            <a href="">运费说明</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd>
                            <a href="">正品承诺</a>
                        </dd>
                        <dd>
                            <a href="">售后咨询</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd>
                            <a href="">联系我们</a>
                        </dd>
                        <dd>
                            <a href="">服务协议</a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="clear"></div>
            <div class="cus_bot_con_right_bot">
                <p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
            </div>
        </div>
    </div>
</div>
<div class="wodzz1_mask" id="shanchu2">
    <div class="o5_mask">
        <span id="chacha">X</span>
        <p id="shanchuchenggong">新增成功！</p>
        <a></a>
    </div>
</div>
<!--新增地址弹窗-->
<div class="woddz_mask12">
    <div class="o5_mask">
        <div class="title">
            <p><a>新增地址</a><span id="mask_x">X</span></p>
        </div>
        <div class="gwlc4">
            <span class="fl suozaidiqu"><sub>*</sub>所在地区:</span>
            <div class="select first clearfix">
                <div class="xm_select">
                    <input type="text" placeholder="请选择省份" readonly/>
                    <a class="iconfont icon-xialajiantou"></a>
                </div>
                <div class="xm_show">
                    <ul id="pro">

                    </ul>
                </div>
            </div>
            <div class="select clearfix">
                <div class="xm_select">
                    <input type="text" placeholder="请选择城市" readonly/>
                    <a class="iconfont icon-xialajiantou"></a>
                </div>
                <div class="xm_show">
                    <ul id="city">
                    </ul>
                </div>
            </div>
            <div class="select clearfix">
                <div class="xm_select">
                    <input type="text" placeholder="选择区" readonly/>
                    <a class="iconfont icon-xialajiantou"></a>
                </div>
                <div class="xm_show">
                    <ul id="direct">

                    </ul>
                </div>
            </div>
            <div class="clear"></div>
            <span class="xiangxixinxi"><sub>*</sub>详细地址:</span><textarea name="" rows="" maxlength="100"
                                                                         placeholder="请填写详细地址"></textarea><span
                class="baifenbai"><a>0</a>/100</span>
            <p class="tishi">建议您如实填写详细收货地址,例如街道名称，门牌号码，楼层和房间号等信息</p>
            <div class="clear"></div>
            <span class="youbian fl">邮编地址:</span><input type="text" class="input_text text_138 fl"
                                                        id="youbiandizhi"/><span class="youdiquhao fl">如您不清楚邮递区号，请填写000000</span>
            <div class="clear"></div>
            <span class="shouhuo fl"><sub>*</sub>收货人姓名:</span><input type="text"
                                                                     class="input_text text_138 shouhuo_text_138 fl"/>
            <div class="clear"></div>
            <span class="fl shoujihaoma">手机号码:</span>
            <div class="select clearfix first">
                <div class="xm_select">
                    <input type="text" value="中国大陆+86" readonly/>
                    <a class="iconfont icon-xialajiantou"></a>
                </div>
                <div class="xm_show">
                    <ul>
                        <li>中国大陆+86</li>
                        <li>香港</li>
                        <li>台湾</li>
                        <li>澳门</li>
                    </ul>
                </div>
            </div>
            <input type="text" class="input_text text_223"/>
            <div class="clear"></div>
            <span class="fl dianhuahaoma">电话号码:</span>
            <div class="select clearfix first">
                <div class="xm_select">
                    <input type="text" value="中国大陆+86" readonly/>
                    <a class="iconfont icon-xialajiantou"></a>
                </div>
                <div class="xm_show">
                    <ul>
                        <li>中国大陆+86</li>
                        <li>香港</li>
                        <li>台湾</li>
                        <li>澳门</li>
                    </ul>
                </div>
            </div>
            <input type="text" class="input_text text_80" placeholder="区号" maxlength="6"/>
            <a>-</a><input type="text" class="input_text text_120" placeholder="电话号码" maxlength="10"/>
            <a>-</a><input type="text" class="input_text text_80" placeholder="分机" maxlength="6"/>
            <p class="yizhi">手机号码和电话号码必须填一项</p>
            <button class="input_btn_shi btn_184" id="baocun">保存收货人信息</button>
            <label for="changyong"><input type="checkbox" id="changyong" class="shouhuoright"/><span
                    class="changyong">添加常用地址</span></label>
        </div>
    </div>
</div>

</div>
<script src="../../js/common/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/xm.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/proJson.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/CityJson.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/common/DistrictJson.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/gou_wlc2.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>